<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>

<%@page import="com.sentiment.config.Config" %>

<%String cp = Config.projectRootPath; %>
<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
    <title>管理员界面</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
    <meta name="author" content="Muhammad Usman">

    <!-- The styles -->
    <link id="bs-css" href="css/bootstrap-cerulean.min.css" rel="stylesheet">

    <link href="css/charisma-app.css" rel="stylesheet">
    <link href='bower_components/fullcalendar/dist/fullcalendar.css' rel='stylesheet'>
    <link href='bower_components/fullcalendar/dist/fullcalendar.print.css' rel='stylesheet' media='print'>
    <link href='bower_components/chosen/chosen.min.css' rel='stylesheet'>
    <link href='bower_components/colorbox/example3/colorbox.css' rel='stylesheet'>
    <link href='bower_components/responsive-tables/responsive-tables.css' rel='stylesheet'>
    <link href='bower_components/bootstrap-tour/build/css/bootstrap-tour.min.css' rel='stylesheet'>
    <link href='css/jquery.noty.css' rel='stylesheet'>
    <link href='css/noty_theme_default.css' rel='stylesheet'>
    <link href='css/elfinder.min.css' rel='stylesheet'>
    <link href='css/elfinder.theme.css' rel='stylesheet'>
    <link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
    <link href='css/uploadify.css' rel='stylesheet'>
    <link href='css/animate.min.css' rel='stylesheet'>

    <!-- jQuery -->
    <script src="bower_components/jquery/jquery.min.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

<!-- library for cookie management -->
<script src="js/jquery.cookie.js"></script>
<!-- calender plugin -->
<script src='bower_components/moment/min/moment.min.js'></script>
<script src='bower_components/fullcalendar/dist/fullcalendar.min.js'></script>
<!-- data table plugin -->
<script src='js/jquery.dataTables.min.js'></script>

<!-- select or dropdown enhancer -->
<script src="bower_components/chosen/chosen.jquery.min.js"></script>
<!-- plugin for gallery image view -->
<script src="bower_components/colorbox/jquery.colorbox-min.js"></script>
<!-- notification plugin -->
<script src="js/jquery.noty.js"></script>
<!-- library for making tables responsive -->
<script src="bower_components/responsive-tables/responsive-tables.js"></script>
<!-- tour plugin -->
<script src="bower_components/bootstrap-tour/build/js/bootstrap-tour.min.js"></script>
<!-- star rating plugin -->
<script src="js/jquery.raty.min.js"></script>
<!-- for iOS style toggle switch -->
<script src="js/jquery.iphone.toggle.js"></script>
<!-- autogrowing textarea plugin -->
<script src="js/jquery.autogrow-textarea.js"></script>
<!-- multiple file upload plugin -->
<script src="js/jquery.uploadify-3.1.min.js"></script>
<!-- history.js for cross-browser state change on ajax -->
<script src="js/jquery.history.js"></script>
<!-- application script for Charisma demo -->
<script src="js/charisma.js"></script>
<script src="${pageContext.request.contextPath }/WebManagement/js/jquery.blockUI.js"></script>
    <script src="js/pageMaker.js"></script>
	<script src="js/editRole.js"></script>
    <link rel="shortcut icon" href="img/favicon.ico">
</head>
<body>
<!-- topbar starts -->
<jsp:include page="topbar.jsp"></jsp:include>

<img id="loading" src="../WebPage/img/loading.gif"style="display:none">
<div class="ch-container">
    <div class="row">
    <!-- left menu starts -->
		<jsp:include page="leftmenu.jsp"></jsp:include>
			<div id="content" class="col-lg-10 col-sm-10">
            <!-- content starts -->
                <div>
        <ul class="breadcrumb">
            <li>
                <a href="${pageContext.request.contextPath }/WebManagement/index.jsp">主页</a>
            </li>
            
			<li>
				<a href="#">角色管理</a>
			</li>
        </ul>
    </div>
	
	<div class="row">
    <div class="box col-md-12">
    <div class="box-inner">
    <div class="box-header well" data-original-title="">
        <h2><i class="glyphicon glyphicon-list-alt"></i> 角色管理</h2>
    </div>
    <div class="box-content">
    <label>当前角色名：</label><label id="rolename"></label>
    <!--查询  -->
   <!--  <label>角色名：</label><input id="rolename_ipt" class="searchipt" >
    <label style="margin-left:20px">权限名：</label> <input id="permit_ipt"  class="searchipt" >
    <button id="searchbtn" style="margin-left:20px;margin-bottom:10px">查询</button>
    <br> -->
    <!--查询结束  -->
    <table id="roleChangeTable" class="display table-striped table-bordered bootstrap-datatable" cellspacing="0" width="100%">
    <thead>
    <tr>
        <th>权限名</th>
        <th>权限类型</th>
        <th>权限代码</th>
        <th>权限详情</th>
        <th>操作</th>
    </tr>
    </thead>
    
    </table>
    <!-- 查询无结果提示框 -->
   <!--  <div id="noresult" style="display:none">
    <div id="resultinfo" ></div>
    <button id="res_confirm">确定</button> 
    </div> -->
    <!-- 查询提示框结束 -->
    <!--翻页器  -->
    <div class="col-md-12 center-block">
    	<div id="pagetoolBar" class="dataTables_paginate paging_bootstrap pagination">
    	</div>
    </div>
    </div>
    </div>
    </div>

    </div>
    <!--/row-->
    </div>
    </div>
</div>

</body>
</html>